<template>
  <view class="list">
    <view class="">
      所有待办事项
    </view>
    
    <TodoItem
      v-for="todo in todos"
      :key="todo.id"
      :id="todo.id"
      :title="todo.title"
      :completed="todo.completed"
    ></TodoItem>
  </view>
</template>

<script>
  import TodoItem from './TodoItem.vue'
  
  export default {
    components: {
      TodoItem
    },
    computed: {
      todos() {
        return this.$store.state.todos
      }
    }
  }
</script>

<style>
</style>
